<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 当前的类别
        const currentCate = {
            id: 1,
            name: '头条',
            postList: [],
            pageIndex: 1,
            pageSize: 2,
            loading: false,
            finished: false,
        }

        // 从当前类别中解构出数据
        // postList 是数组(对象),是把对象的内存地址给了postList,所以还是保留了引用关系
        // loading 是普通类型，只是把值给了 loading 变量
        let { postList, loading } = currentCate

        // 这里是引用关系，所以能影响到原来的对象
        postList.push('添加数据1')

        loding = true  // 普通类型不能影响原来的对象
        currentCate.loading = true  // 通过点语法，引用原来的对象，所以能影响到原来的ui想

        // 打印对象检查
        console.log(currentCate);
    </script>
</body>

</html>